import { VFC, useState } from "react";
import {Drawer} from 'antd';
type ValueType = any;
type FilterFormProps = {
    value: ValueType;
    onChange: (val: ValueType) => void;
    className?: string;
}
export const FilterForm: VFC<FilterFormProps> = (props) => {
    const [visible, setVisible] = useState(false);
    const onClose = () => {
        setVisible(false)
    }
    return (
        <>
            <div className={props.className} onClick={() => setVisible(true)}>
                筛选
            </div>
            <Drawer title="条件过滤" placement="right" onClose={onClose} visible={visible}>
                <p>Some contents...</p>
                <p>Some contents...</p>
                <p>Some contents...</p>
            </Drawer>
        </>
    );
}